<template>
  <div class="world-knowledge">
    <img class="world-knowledge__img" style="
      width: 48px;
      height: 48px;
      margin-bottom: 16px;"
         src="../images/prompt.jpg">
    <h2 class="world-knowledge_title">
      什么是颗粒物 (PM10)？
    </h2>
    <p class="world-knowledge__description">
      颗粒物 (PM) 代表一类污染，描述空气中 10 微克或更小的颗粒。
      颗粒物可包括但不限于灰尘、烟灰、污垢、烟雾、化学品、细菌、病毒和液滴。
      由于颗粒污染具有多种化学组成和来源，因此风险水平和相关的健康影响归因于颗粒的大小而不是其成分......
    </p>
    <a class="iqair-text-link">
      了解更多
    </a>
  </div>
</template>

<script>
export default {
};
</script>

<style lang="less" scoped>
.world-knowledge{
  padding: 24px;
  margin-bottom: 24px;
  display: grid;
  border-radius: 4px;
  box-shadow: 0 2px 20px 0 rgba(0,0,0,.08);
  .world-knowledge_title{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #414141;
    margin-bottom: 24px;
  }
  .world-knowledge__description{
    font-size: 14px;
    line-height: 1.43;
    color: #67788d;
  }
  .iqair-text-link{
    margin-left: auto;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.2px;
    color: #49739a;
    display: inline-block;
    line-height: 1.5;
  }
}
</style>